<template>
  <my-layout :tabbar-is-show="false" :is-absolute-body="false">
    <template #TopBackground>
        <my-top-background />
        <view
            style="
            background-color: #f8f8f8;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
          "
        ></view>
    </template>
    <template #Navbar>
      <view
        style="width: 100%; height: 100%; display: flex; align-items: center"
      >
        <image
          @click="goback()"
          :src="indexTabBarUrl.navigateBack"
          style="width: 30rpx; height: 30rpx; margin-left: 40rpx"
        />
      </view>
    </template>
    <template #Body>
      <!--个人信息-->
      <view
        class="member_con"
        style="height: 100%; width: 100%; position: relative"
      >
          <view class="verifieds_welcome">
            <view class="vf_w_dai"
              ><image
                src="http://llg.qiniu.comeinvip.com/images/members/od_ico.png"
              ></image
              ><text class="vf_w01">待到店使用</text></view
            >
            <text class="vf_w02">请在2024/02/20（含）前到店消费</text>
          </view>
          <view class="verified_all">
            <view class="verified_info">
              <image
                class="vf_pic"
                src="http://llg.qiniu.comeinvip.com/images/shortfm.png"
              ></image>
              <view class="vf_info_font">
                <text class="order_style01">沈阳市中街刘老根大舞台</text>
                <text class="order_style01">开场时间2018/11/28 19:30</text>
                <text class="order_style01">位置c区5排</text>
              </view>
            </view>
            <!--线-->
            <view class="verifiedline" style="position: relative">
              <image
                src="http://llg.qiniu.comeinvip.com/images/members/xuline.png"
              />
              <view style="width: 46rpx; height: 46rpx; position: absolute; left: -23rpx; top: -23rpx;
               background-color: #f3f3f1; border-radius: 50%"></view>
              <view style="width: 46rpx; height: 46rpx; position: absolute; right: -23rpx; top: -23rpx;
               background-color: #f3f3f1; border-radius: 50%"></view>
            </view>
            <view class="verified_ewm">
              <view class="vf_ewm01">
                <image
                  class="ewmstyle1"
                  src="http://llg.qiniu.comeinvip.com/images/ewm.png"
                ></image>
              </view>
              <text class="vf_ewm02">30525556568</text>
            </view>
          </view>
        </view>
      </view>
    </template>
  </my-layout>
</template>

<script>
import util from "@/utils/util.js";
import navBar from "@/components/navbar/navbar.vue";
import indexTabBarUrl from "@/url/index_tabBar";
export default {
  components: {
    "nav-bar": navBar,
  },
  data() {
    return {
      indexTabBarUrl,
      videoHeight: 500,
      title: "Hello",
      isIphoneX: false,
      navbarData: {
        // 头部组件所需参数
        showCapsule: 1, //是否显示左上角返回图标   1表示显示    0表示不显示
        positionShow: 0, //0不显示定位 1 显示定位
        backgroundCor: 3, //0 无背影色 1首页背景颜色   2白色 3有背景无定位
        statusBarHeight: uni.getSystemInfoSync()["statusBarHeight"],
        navHeight: 45,
      },
    };
  },
  onLoad() {
    let vdHeight = uni.getSystemInfoSync().windowHeight;
    this.videoHeight = vdHeight;
  },
  methods: {
    goback() {
      uni.navigateBack();
    },
  },
  created() {
    this.isIphoneX = util.getSystemInfoForPhone(); // 判断手机机型是否为iPhone X以上
  },
};
</script>

<style>
@import url(@/static/css/index.css);
@import url(@/static/css/member.css);
</style>
